import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
Vue.config.productionTip = false


import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
import * as echarts from 'echarts';

Vue.prototype.$echarts = echarts

import axios from 'axios'
import VueAxios from 'vue-axios'



Vue.use(VueAxios, axios)
Vue.use(ElementUI);

axios.defaults.baseURL='http://localhost:10010/';//定义axios默认请求地址
let baseURL ='http://localhost:10010/'
Vue.prototype.$baseURL = baseURL ;//声明的系统变量

// let uid=uuid(); //获取uuid
// if(sessionStorage.getItem('uid')==null){ //如果sessionStorage没有则存储uuid
//   sessionStorage.setItem('uid',uid);
// }


// 添加请求拦截器1
axios.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  let token= localStorage.getItem("token");
  if(token!=null){
    //放入请求头
    config.headers.token=token;
  }
  return config;
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error);
});

// 导航守卫-- 动态路由
router.beforeEach((to, from, next) => {
  let isAuthenticated = localStorage.getItem("token");//获取token

  if (to.name !== 'login' && !isAuthenticated) {//如果没有登录且目标路由不是登录则导航到登录页面
    next({name: 'login'})//
  }
  //如果已经登录
  if (isAuthenticated && to.name !== 'login' && router.getRoutes().length == 5) {//index.js 默认配置了两个静态理由 ,则需要执行动态路由
  axios.get('http://localhost:10010/menuservice/menu/list').then(res => {
    let menuData = res.data.data;//获取一级菜单
    menuData.forEach(menu => {
          // eslint-disable-next-line no-prototype-builtins
          if (menu.hasOwnProperty("children")) {
            menu.children.forEach(subMenu => { //遍历二级菜单
              let newRouter = {
                name: subMenu.name,
                path: subMenu.path
              }
              newRouter.component = () => import( './views/' + subMenu.component + '.vue');
              router.options.routes[0].children.push(newRouter);
            })
          }
        }
    )
    router.addRoutes(router.options.routes);
  })

  }


  next();

})





new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
